import React, { Component } from 'react';
// 路由导入
/*
  学习目标：自己手动拼接BrowserRouter=router+history
  步骤：
     1. 先自己封装好history，因为源码中没有导出history
     2. 手动拼接BrowserRouter
     3. 
*/
import { Router, Route, Switch } from 'react-router-dom';
// 导入自己封装的history，并拼接成BrowserRouter
import history from 'utils/history';
// 组件导入
import Layout from './pages/Layout';
import Login from './pages/Login';
// 测试页面
import Text from './pages/Text';
// 判断是否含有token
import { AuthRoute } from './components/AuthRoute';
export default class App extends React.Component {
  render() {
    return (
      <div>
        {/* 外层路由容器 */}
        <Router history={history}>
          {/* 匹配到一个就显示这一层 */}
          <Switch>
            {/* 路由重定向 ,必须带上exact*/}
            {/* 重定向放入layout中，方便一起维护 */}
            {/* <Redirect from="/" to="/home" exact></Redirect> */}
            <Route path="/login" component={Login}></Route>
            {/* 复用组件的发导入 */}
            {/* 测试页面 */}
            <Route path="/text" component={Text}></Route>
            <AuthRoute path="/" component={Layout}></AuthRoute>
          </Switch>
        </Router>
      </div>
    );
  }
}
